<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>

    // sum(100, 1200)
    // 1. 具名函数
    // function sum(num1, num2) {
    //   console.log(num1 + num2)
    // }
    // sum(100, 200)

    // 2. 匿名函数
    // sum(100, 1200)  // 错误的写法
    // let sum = (num1, num2) => {
    //   console.log(num1 + num2)
    // }
    // sum(100, 1200) // 正确的写法

    // 3. 函数参数
    /*
     形参: 占位
     实参: 具体的参数
     */
    // function sum(num1, num2) {
    //   // console.log(num1 + num2)
    //   // console.log(arguments)
    // }
    // sum(100, 200)
    // sum(100, 200, 300)

    function printInfo(name, gender = 'man', ...args) {
      console.log(name)
      console.log(gender)
      console.log(args)
    }

    printInfo('小红', 'woman', 1, 2, 3)  // 小红 woman [1, 2, 3]
    printInfo('小红', 1, 2, 3)  // 小红 1 [2, 3]

  </script>
</body>

</html>